<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻列表 - 新闻分析系统</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css" rel="stylesheet">
    <style>
        .news-item:hover {
            transform: translateY(-2px);
            transition: transform 0.2s ease;
        }
        .news-meta {
            font-size: 0.9rem;
        }
    </style>
</head>
<body class="bg-light">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container">
            <a class="navbar-brand" href="/">新闻分析系统</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a class="nav-link active" href="/news">新闻列表</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/analysis/hot">热度分析</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/analysis/category">分类分析</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/analysis/sentiment">情感分析</a>
                    </li>
                </ul>
                <form class="d-flex" action="/news/search" method="GET">
                    <input class="form-control me-2" type="search" placeholder="搜索新闻..." name="keyword">
                    <button class="btn btn-outline-light" type="submit">搜索</button>
                </form>
            </div>
        </div>
    </nav>

    <div class="container my-4">
        <div class="card shadow">
            <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                <h5 class="mb-0">
                    <i class="bi bi-newspaper me-2"></i>
                    <span>新闻列表</span>
                </h5>
            </div>
            
            <div class="card-body">
                <div class="row">
                    <!-- 政治新闻 -->
                    <div class="col-12 mb-3">
                        <div class="card news-item shadow-sm h-100">
                            <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/news/1" class="text-decoration-none text-dark">中国与欧盟举行第十轮经贸高层对话</a>
                                </h5>
                                <p class="card-text text-muted">据官方消息，中国与欧盟代表昨日在北京举行了第十轮经贸高层对话。双方就共同关心的经贸问题进行了深入交流，包括贸易投资、数字经济、全球经济治理等议题。双方表示，将继续加强合作...</p>
                                <div class="news-meta d-flex flex-wrap gap-2">
                                    <span class="badge bg-primary">政治</span>
                                    <span class="badge bg-success">正面</span>
                                    <span class="text-muted">
                                        <i class="bi bi-calendar me-1"></i>
                                        <span>2025-04-28</span>
                                    </span>
                                    <span class="text-muted">
                                        <i class="bi bi-building me-1"></i>
                                        <span>中国日报</span>
                                    </span>
                                    <span class="text-danger">
                                        <i class="bi bi-fire me-1"></i>
                                        <span>85</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 军事新闻 -->
                    <div class="col-12 mb-3">
                        <div class="card news-item shadow-sm h-100">
                            <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/news/4" class="text-decoration-none text-dark">俄罗斯与白俄罗斯举行联合军事演习</a>
                                </h5>
                                <p class="card-text text-muted">据俄罗斯国防部消息，俄罗斯与白俄罗斯军队正在两国边境地区举行代号为"西部联盟-2025"的联合军事演习。此次演习为期10天，涉及陆军、空军和防空部队共计约1.5万名军人。演习旨在...</p>
                                <div class="news-meta d-flex flex-wrap gap-2">
                                    <span class="badge bg-primary">军事</span>
                                    <span class="badge bg-danger">负面</span>
                                    <span class="text-muted">
                                        <i class="bi bi-calendar me-1"></i>
                                        <span>2025-04-29</span>
                                    </span>
                                    <span class="text-muted">
                                        <i class="bi bi-building me-1"></i>
                                        <span>俄罗斯卫星通讯社</span>
                                    </span>
                                    <span class="text-danger">
                                        <i class="bi bi-fire me-1"></i>
                                        <span>92</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 体育新闻 -->
                    <div class="col-12 mb-3">
                        <div class="card news-item shadow-sm h-100">
                            <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/news/7" class="text-decoration-none text-dark">中国队在世界羽毛球锦标赛夺得三金</a>
                                </h5>
                                <p class="card-text text-muted">在昨日结束的2025年世界羽毛球锦标赛上，中国队表现出色，共获得3枚金牌、1枚银牌和2枚铜牌，位列奖牌榜首位。其中，中国选手陈某在男单决赛中战胜丹麦选手，蝉联世锦赛冠军；女双...</p>
                                <div class="news-meta d-flex flex-wrap gap-2">
                                    <span class="badge bg-primary">体育</span>
                                    <span class="badge bg-success">正面</span>
                                    <span class="text-muted">
                                        <i class="bi bi-calendar me-1"></i>
                                        <span>2025-04-30</span>
                                    </span>
                                    <span class="text-muted">
                                        <i class="bi bi-building me-1"></i>
                                        <span>体坛周报</span>
                                    </span>
                                    <span class="text-danger">
                                        <i class="bi bi-fire me-1"></i>
                                        <span>95</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 经济新闻 -->
                    <div class="col-12 mb-3">
                        <div class="card news-item shadow-sm h-100">
                            <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/news/10" class="text-decoration-none text-dark">国家统计局：一季度GDP同比增长5.3%</a>
                                </h5>
                                <p class="card-text text-muted">国家统计局今日发布数据显示，2025年第一季度国内生产总值(GDP)同比增长5.3%，环比增长1.2%。数据表明，中国经济开局平稳，延续了去年以来的恢复态势。专家分析认为，这一...</p>
                                <div class="news-meta d-flex flex-wrap gap-2">
                                    <span class="badge bg-primary">经济</span>
                                    <span class="badge bg-success">正面</span>
                                    <span class="text-muted">
                                        <i class="bi bi-calendar me-1"></i>
                                        <span>2025-04-21</span>
                                    </span>
                                    <span class="text-muted">
                                        <i class="bi bi-building me-1"></i>
                                        <span>经济日报</span>
                                    </span>
                                    <span class="text-danger">
                                        <i class="bi bi-fire me-1"></i>
                                        <span>89</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 科技新闻 -->
                    <div class="col-12 mb-3">
                        <div class="card news-item shadow-sm h-100">
                            <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/news/13" class="text-decoration-none text-dark">国产大型量子计算机研发取得突破</a>
                                </h5>
                                <p class="card-text text-muted">中国科学院今日宣布，我国科研团队成功研发出新一代超导量子计算原型机"九章三号"，实现了156个超导量子比特的高精度操控，量子计算能力达到国际领先水平。该成果标志着我国在量子计算...</p>
                                <div class="news-meta d-flex flex-wrap gap-2">
                                    <span class="badge bg-primary">科技</span>
                                    <span class="badge bg-success">正面</span>
                                    <span class="text-muted">
                                        <i class="bi bi-calendar me-1"></i>
                                        <span>2025-04-25</span>
                                    </span>
                                    <span class="text-muted">
                                        <i class="bi bi-building me-1"></i>
                                        <span>科技日报</span>
                                    </span>
                                    <span class="text-danger">
                                        <i class="bi bi-fire me-1"></i>
                                        <span>96</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 健康新闻 -->
                    <div class="col-12 mb-3">
                        <div class="card news-item shadow-sm h-100">
                            <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/news/19" class="text-decoration-none text-dark">多国报告发现新型冠状病毒变异株</a>
                                </h5>
                                <p class="card-text text-muted">据世界卫生组织报告，多个国家近期发现了一种新型冠状病毒变异株XBB.2.3，该变异株传播速度较快，已在亚洲和欧洲多国检出。初步研究表明，现有疫苗对该变异株仍有一定保护效果，但中和...</p>
                                <div class="news-meta d-flex flex-wrap gap-2">
                                    <span class="badge bg-primary">健康</span>
                                    <span class="badge bg-danger">负面</span>
                                    <span class="text-muted">
                                        <i class="bi bi-calendar me-1"></i>
                                        <span>2025-04-25</span>
                                    </span>
                                    <span class="text-muted">
                                        <i class="bi bi-building me-1"></i>
                                        <span>路透社健康频道</span>
                                    </span>
                                    <span class="text-danger">
                                        <i class="bi bi-fire me-1"></i>
                                        <span>89</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 分页 -->
                <nav aria-label="Page navigation" class="mt-4">
                    <ul class="pagination justify-content-center">
                        <li class="page-item disabled">
                            <a class="page-link" href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li class="page-item active"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>